<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>积分商城</title>
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/css/weui.css" />
</head>
<style type="text/css">
    body {
        background: #F8F8F8;
    }
    .foodimg{
        width: 100px;
        height: 100px;
    }
    .foodimg img{
        width: 100px;
        height: 100px;
    }
    .weui-cells{
        font-size: 14px;
    }
    .jifen{
        color: #FF817B;
    }
    .shijian{
        color: #ACACAC;
    }
    .weui-panel__hd{
        color:#000;
    }
    .weui-media-box__desc{
        color: #555555;
    }
    .weui-media-box__desc p{
        line-height: 30px;
    }
</style>
<body>
<div class="container" id="container">
    <div class="page navbar js_show">
        <div class="page__bd">
            <div class="weui-cells" style="margin-top: 0;">
                <div class="weui-cell">
                    <div class="weui-cell__hd foodimg" style="position: relative;margin-right: 10px;">
                        <img src="{$info.img}">
                    </div>
                    <div class="weui-cell__bd">
                        <p>{$info.name}</p>
                        <p class="jifen">{$info.price}积分</p>
                        <p class="shijian" style="margin-top: 24px;">开始时间:{$info.begin_time|date="Y-m-d H:i:s",###}</p>
                        <p class="shijian">结束时间:{$info.end_time|date="Y-m-d H:i:s",###}</p>
                    </div>
                </div>
            </div>
            <div class="weui-cells">
                <a href="{:url('carduser/storelist',array('mid'=>$info['mid']))}">
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__bd" style="color: #000;">适用门店</div>
                        <div class="weui-cell__ft" style="font-size: 0">
                            <span style="vertical-align:middle; font-size: 17px;"></span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="weui-panel weui-panel_access">
                <div class="weui-panel__hd">兑换说明</div>
                <div class="weui-panel__bd">
                    <div class="weui-media-box weui-media-box_text">
                        <div class="weui-media-box__desc">
                            <p>兑换品名：{$info.name}</p>
                            <p>注意详情：{$info.show}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-panel weui-panel_access" style="margin-bottom: 60px;">
                <div class="weui-panel__hd">
                    <img src="{$info.img}" alt="" style="width: 100%;" />
                    <p style="text-align:center">{$info.show}</p>
                </div>
            </div>

            <div class="weui-cells">
                <a href="{:url('Cardshop/orderadd',['id'=>$info['id'],'card_id'=>$card['card_id']])}">
                    <div class="weui-cell weui-cell_access" style="width: 100%; overflow: hidden;position: fixed;bottom: 0;background:#fff">
                        <div class="weui-cell__bd" style="color: #000;"></div>
                        <div class="weui-cell__bd" style="text-align: center;padding: 10px;color: #fff;background: #e0e0e0;">
                            <span style="vertical-align:middle; font-size: 17px;">立即兑换</span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
</body>
<script src="__STATIC_URL__/static/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" class="navbar js_show">
    $(function() {
        $('.weui-navbar__item').on('click', function() {
            $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
        });
    });
</script>
</html>